<template>	<el-container>
		<el-aside width="200px">
			<div style="margin-top: 40px; margin-bottom: 20px; text-align: center;">
				<h3>家医后台管理系统</h3>
			</div>
			<el-menu class="el-menu-vertical-demo" router>
				<el-menu-item index="1" style="margin-left: 0px;">
					<i class="el-icon-monitor"></i>
					<span slot="title">工作台</span>
				</el-menu-item>
				<el-submenu index="2">
					<template slot="title">
						<i class="el-icon-edit"></i>
						<span>签约管理</span>
					</template>
					<el-menu-item index="2-1">待处理签约</el-menu-item>
					<el-menu-item index="2-2">签约记录</el-menu-item>
				</el-submenu>
				<el-submenu index="3">
					<template slot="title">
						<i class="el-icon-s-management"></i>
						<span>服务管理</span>
					</template>
					<el-menu-item index="3-1">待处理服务</el-menu-item>
					<el-menu-item index="3-2">服务记录</el-menu-item>
				</el-submenu>
					<el-menu-item index="/residentShow" style="margin-left: 0px;">
						<i class="el-icon-s-custom"></i>
						<span>居民管理</span>
					</el-menu-item>

				<el-menu-item index="/docterChat" style="margin-left: 0px;">
					<i class="el-icon-s-comment"></i>
					<span slot="title">医生消息管理</span>
				</el-menu-item>
				<el-submenu index="6">
					<template slot="title">
						<i class="el-icon-folder-opened"></i>
						<span>资料管理</span>
					</template>
					<el-menu-item index="/orgnazitionShow">机构管理</el-menu-item>
					<el-menu-item index="/">团队管理</el-menu-item>
					<el-menu-item index="/docterShow">医生管理</el-menu-item>
					<el-menu-item index="6-4">服务包管理</el-menu-item>
					<el-menu-item index="6-5">服务项目管理</el-menu-item>
					<el-menu-item index="6-6">业绩目标管理</el-menu-item>
				</el-submenu>
				<el-submenu index="7">
					<template slot="title">
						<i class="el-icon-data-analysis"></i>
						<span>数据统计</span>
					</template>
					<el-menu-item index="7-1">数据概况</el-menu-item>
					<el-menu-item index="7-2">签约业绩统计</el-menu-item>
					<el-menu-item index="7-3">居民健康异常统计</el-menu-item>
					<el-menu-item index="7-4">居民标签统计</el-menu-item>
					<el-menu-item index="7-5">居民年龄统计</el-menu-item>
					<el-menu-item index="7-6">居民学历统计</el-menu-item>
					<el-menu-item index="7-7">居民性别统计</el-menu-item>
				</el-submenu>
				<el-submenu index="8">
					<template slot="title">
						<i class="el-icon-s-tools"></i>
						<span>系统设置</span>
					</template>
					<el-menu-item index="8-1">标签管理</el-menu-item>
					<el-menu-item index="8-2">角色管理</el-menu-item>
					<el-menu-item index="8-3">资讯管理</el-menu-item>
					<el-menu-item index="8-4">药品管理</el-menu-item>
					<el-menu-item index="8-5">轮播图管理</el-menu-item>
					<el-menu-item index="8-6">系统公告</el-menu-item>
					<el-menu-item index="8-7">协议管理</el-menu-item>
					<el-menu-item index="8-8">操作日志</el-menu-item>
				</el-submenu>
				<el-menu-item index="/residentChat" style="margin-left: 0px;">
					<i class="el-icon-monitor"></i>
					<span slot="title">用户端聊天测试</span>
				</el-menu-item>

			</el-menu>
		</el-aside>
		<el-container>
			<el-header style="background-color: #fff; border-bottom: 1px solid #eee;">
				<!-- 左侧 Logo 区域（保持不变，修复图片路径） -->
				<div style="text-align: left; width: 200px; float: left;">
					<img src="../assets/loginicon.jpg" style="width: 32px; margin-top: 15px;" />
				</div>

				<!-- 右侧 头像昵称下拉区域（核心新增） -->
				<div style="float: right; margin-right: 100px; margin-top: 8px;">
					<div style="float: left; margin-top: 10px; margin-right: 20px;">
						<i class="el-icon-message-solid"></i>
					</div>
					<!-- el-dropdown：下拉容器，点击触发下拉框 -->
					<el-dropdown trigger="click" placement="bottom-end">
						<!-- 下拉触发内容：头像 + 昵称（与图片样式匹配） -->
						<div style="display: flex; align-items: center; cursor: pointer; padding: 0 10px;">
							<!-- 头像（修复原路径 assests → assets，添加圆形样式） -->
							<el-image style="width: 32px; height: 32px; border-radius: 50%; margin-right: 8px;"
								src="../assets/logo.png" fit="cover"></el-image>
							<!-- 昵称（与图片中的 "Daisy" 对应） -->
							<span style="font-size: 14px;padding-bottom: 3px;margin-left: 15px;">Daisy</span>
							<!-- 下拉箭头（Element 内置图标，增强交互提示） -->
							<i class="el-icon-arrow-down" style="font-size: 12px; margin-left:4px;"></i>
						</div>

						<!-- 下拉菜单选项（与图片中的 "我的资料/重置密码/退出系统" 对应） -->
						<el-dropdown-menu slot="dropdown" style="width: 140px;">
							<el-dropdown-item style="font-size: 14px;">
								<i class="el-icon-user" style="margin-right: 6px;"></i>
								我的资料
							</el-dropdown-item>
							<el-dropdown-item style="font-size: 14px;">
								<i class="el-icon-key" style="margin-right: 6px;"></i>
								重置密码
							</el-dropdown-item>
							<el-dropdown-item style="font-size: 14px; color: #f56c6c;">
								<i class="el-icon-switch-button" style="margin-right: 6px;"></i>
								退出系统
							</el-dropdown-item>
						</el-dropdown-menu>
					</el-dropdown>
				</div>
			</el-header>
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>

</script>

<style scoped>
	::-webkit-scrollbar {
		display: none;
	}

	.el-aside {
		width: 220px;
		height: 100vh;
		text-align: left;
	}

	.el-main {
		background-color: #E9EEF3;
		color: #333;
	}

	.el-header {
		text-align: center;
		height: 64px;
	}

	.el-menu-item {
		margin-left: 15px;
	}
</style>